/************************************************************************/
/* Scrollbars                                                           */
/************************************************************************/
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

::-webkit-scrollbar-button {
    display: none;
}

/************************************************************************/
/* Vertical Scrollbar Button											*/
/************************************************************************/
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
	width: 15px;
	height: 15px;
	border-radius: 3px;
	border: 1px solid rgba(146, 193, 240, 0.5);
	-webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), inset -1px -1px 1px rgba(255, 255, 255, 0.2);
}

/************************************************************************/
/* Increment Button */

::-webkit-scrollbar-button:vertical:increment {
    background: url("images/scrollbar_button_inc.png") no-repeat center center, 
	-webkit-gradient(linear, left top, right top, from(rgba(235, 242, 255, 1.0)), color-stop(0.4, rgba(235, 242, 255, 1.0)), color-stop(0.6, rgba(225, 235, 255, 1.0)), to(rgba(222, 230, 255, 1.0)));
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	
}

::-webkit-scrollbar-button:vertical:increment:hover {
	background: url("images/scrollbar_button_inc.png") no-repeat center center, 
	-webkit-gradient(linear, left top, right top, from(rgba(235, 242, 255, 1.0)), color-stop(0.4, rgba(235, 242, 255, 1.0)), color-stop(0.6, rgba(225, 235, 255, 1.0)), to(rgba(222, 230, 255, 1.0)));
	border: 1px solid rgba(96, 143, 190, 0.7);
}

::-webkit-scrollbar-button:vertical:increment:active {
	background: url("images/scrollbar_button_inc.png") no-repeat center center, 
	-webkit-gradient(linear, left top, right top, from(rgba(217, 226, 247, 1.0)), color-stop(0.4, rgba(217, 226, 247, 1.0)), color-stop(0.6, rgba(230, 238, 255, 1.0)), to(rgba(230, 238, 255, 1.0)));
}

/************************************************************************/
/* Decrement Button */

::-webkit-scrollbar-button:vertical:decrement {
	background: url("images/scrollbar_button_dec.png") no-repeat center center, 
	-webkit-gradient(linear, left top, right top, from(rgba(235, 242, 255, 1.0)), color-stop(0.4, rgba(235, 242, 255, 1.0)), color-stop(0.6, rgba(225, 235, 255, 1.0)), to(rgba(222, 230, 255, 1.0)));
	
    border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

::-webkit-scrollbar-button:vertical:decrement:hover {
	background: url("images/scrollbar_button_dec.png") no-repeat center center, 
	-webkit-gradient(linear, left top, right top, from(rgba(235, 242, 255, 1.0)), color-stop(0.4, rgba(235, 242, 255, 1.0)), color-stop(0.6, rgba(225, 235, 255, 1.0)), to(rgba(222, 230, 255, 1.0)));
	border: 1px solid rgba(96, 143, 190, 0.7);
}

::-webkit-scrollbar-button:vertical:decrement:active {
	background: url("images/scrollbar_button_dec.png") no-repeat center center, 
	-webkit-gradient(linear, left top, right top, from(rgba(217, 226, 247, 1.0)), color-stop(0.4, rgba(217, 226, 247, 1.0)), color-stop(0.6, rgba(230, 238, 255, 1.0)), to(rgba(230, 238, 255, 1.0)));
}

/************************************************************************/
/* Horizontal Scrollbar Button											*/
/************************************************************************/
/* Increment Button */

::-webkit-scrollbar-button:horizontal:increment {
	background: url("images/scrollbar_button_inc_h.png") no-repeat center center, 
	-webkit-gradient(linear, left top, left bottom, from(rgba(235, 242, 255, 1.0)), color-stop(0.4, rgba(235, 242, 255, 1.0)), color-stop(0.6, rgba(225, 235, 255, 1.0)), to(rgba(222, 230, 255, 1.0)));
	
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;	
}

::-webkit-scrollbar-button:horizontal:increment:hover {
	background: url("images/scrollbar_button_inc_h.png") no-repeat center center, 
	-webkit-gradient(linear, left top, left bottom, from(rgba(235, 242, 255, 1.0)), color-stop(0.4, rgba(235, 242, 255, 1.0)), color-stop(0.6, rgba(225, 235, 255, 1.0)), to(rgba(222, 230, 255, 1.0)));
	border: 1px solid rgba(96, 143, 190, 0.7);
}

::-webkit-scrollbar-button:horizontal:increment:active {
	background: url("images/scrollbar_button_inc_h.png") no-repeat center center, 
	-webkit-gradient(linear, left top, left bottom, from(rgba(217, 226, 247, 1.0)), color-stop(0.4, rgba(217, 226, 247, 1.0)), color-stop(0.6, rgba(230, 238, 255, 1.0)), to(rgba(230, 238, 255, 1.0)));
}

/************************************************************************/
/* Decrement Button */

::-webkit-scrollbar-button:horizontal:decrement {
	background: url("images/scrollbar_button_dec_h.png") no-repeat center center, 
	-webkit-gradient(linear, left top, left bottom, from(rgba(235, 242, 255, 1.0)), color-stop(0.4, rgba(235, 242, 255, 1.0)), color-stop(0.6, rgba(225, 235, 255, 1.0)), to(rgba(222, 230, 255, 1.0)));
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}

::-webkit-scrollbar-button:horizontal:decrement:hover {
	background: url("images/scrollbar_button_dec_h.png") no-repeat center center, 
	-webkit-gradient(linear, left top, left bottom, from(rgba(235, 242, 255, 1.0)), color-stop(0.4, rgba(235, 242, 255, 1.0)), color-stop(0.6, rgba(225, 235, 255, 1.0)), to(rgba(222, 230, 255, 1.0)));
	border: 1px solid rgba(96, 143, 190, 0.7);
}

::-webkit-scrollbar-button:horizontal:decrement:active {
	background: url("images/scrollbar_button_dec_h.png") no-repeat center center, 
	-webkit-gradient(linear, left top, left bottom, from(rgba(217, 226, 247, 1.0)), color-stop(0.4, rgba(217, 226, 247, 1.0)), color-stop(0.6, rgba(230, 238, 255, 1.0)), to(rgba(230, 238, 255, 1.0)));
}

/************************************************************************/
/* Vertical Track Piece													*/
/************************************************************************/
/* Track below and above */
::-webkit-scrollbar-track-piece:vertical {
	background: -webkit-gradient(linear, left top, right top, from(rgba(216, 226, 247, 0.8)), color-stop(0.8, rgba(243, 245, 250, 1.0)), to(rgba(243, 245, 250, 1.0)));
	border-left: 1px solid rgba(146, 193, 240, 0.5);
	-webkit-box-shadow: -1px 0px 1px white;
	-webkit-box-shadow: inset -1px 0px 1px rgba(0, 0, 0, 0.05);
}

/* Track above */
::-webkit-scrollbar-track-piece:vertical:start {
    border-bottom-width: 0px;
	border-top-right-radius: 3px;
}

/* Track below */
::-webkit-scrollbar-track-piece:vertical:end {
	border-top-width: 0px;
	border-bottom-right-radius: 3px;
}
 
/************************************************************************/
/* Horizontal Track Piece												*/
/************************************************************************/
/* Track below and above */
::-webkit-scrollbar-track-piece:horizontal {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(216, 226, 247, 0.8)), color-stop(0.8, rgba(243, 245, 250, 1.0)), to(rgba(243, 245, 250, 1.0)));
	border-top: 1px solid rgba(146, 193, 240, 0.5);
	-webkit-box-shadow: 0px -1px 1px white;
	-webkit-box-shadow: inset px -1px 1px rgba(0, 0, 0, 0.05);
}

/* Track above */
::-webkit-scrollbar-track-piece:horizontal:start {
    border-right-width: 0px;
	border-bottom-left-radius: 3px;
}

/* Track below */
::-webkit-scrollbar-track-piece:horizontal:end {
	border-left-width: 0px;
	border-bottom-right-radius: 3px;
}

/************************************************************************/
/* Vertical Scrollbar Thumb												*/
/************************************************************************/
::-webkit-scrollbar-thumb:vertical {
    height: 15px;
	border-radius: 3px;
	background: url("images/scrollbar_thumb.png") no-repeat center center, 
	-webkit-gradient(linear, left top, right top, from(rgba(235, 242, 255, 1.0)), color-stop(0.4, rgba(235, 242, 255, 1.0)), color-stop(0.6, rgba(225, 235, 255, 1.0)), to(rgba(222, 230, 255, 1.0)));
	
	border: 1px solid rgba(46, 93, 140, 0.2);
	-webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), inset -1px -1px 1px rgba(255, 255, 255, 0.2);
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: url("images/scrollbar_thumb.png") no-repeat center center, 
	-webkit-gradient(linear, right top, left top, from(rgba(217, 226, 247, 1.0)), color-stop(0.4, rgba(217, 226, 247, 1.0)), color-stop(0.6, rgba(230, 238, 255, 1.0)), to(rgba(230, 238, 255, 1.0)));
	border: 1px solid rgba(96, 143, 190, 0.7);
}

::-webkit-scrollbar-thumb:vertical:active {
	background: url("images/scrollbar_thumb.png") no-repeat center center, 
	-webkit-gradient(linear, left top, right top, from(rgba(217, 226, 247, 1.0)), color-stop(0.4, rgba(217, 226, 247, 1.0)), color-stop(0.6, rgba(230, 238, 255, 1.0)), to(rgba(230, 238, 255, 1.0)));
}

/************************************************************************/
/* Horizontal Scrollbar Thumb											*/
/************************************************************************/
::-webkit-scrollbar-thumb:horizontal {
    width: 15px;
	border-radius: 3px;
	background: url("images/scrollbar_thumb_h.png") no-repeat center center, 
	-webkit-gradient(linear, left top, left bottom, from(rgba(235, 242, 255, 1.0)), color-stop(0.4, rgba(235, 242, 255, 1.0)), color-stop(0.6, rgba(225, 235, 255, 1.0)), to(rgba(222, 230, 255, 1.0)));
	
	border: 1px solid rgba(46, 93, 140, 0.2);
	-webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), inset -1px -1px 1px rgba(255, 255, 255, 0.2);
}

::-webkit-scrollbar-thumb:horizontal:hover {
    background: url("images/scrollbar_thumb_h.png") no-repeat center center, 
	-webkit-gradient(linear, left bottom, left top, from(rgba(217, 226, 247, 1.0)), color-stop(0.4, rgba(217, 226, 247, 1.0)), color-stop(0.6, rgba(230, 238, 255, 1.0)), to(rgba(230, 238, 255, 1.0)));
	border: 1px solid rgba(96, 143, 190, 0.7);
}

::-webkit-scrollbar-thumb:horizontal:active {
	background: url("images/scrollbar_thumb_h.png") no-repeat center center, 
	-webkit-gradient(linear, left top, left bottom, from(rgba(217, 226, 247, 1.0)), color-stop(0.4, rgba(217, 226, 247, 1.0)), color-stop(0.6, rgba(230, 238, 255, 1.0)), to(rgba(230, 238, 255, 1.0)));
}